<template>
  <div>
    <van-collapse v-model="activeNames" class="zd">
      <van-collapse-item title="组织用户" name="1">
          <van-button style="color:aqua">组织管理</van-button><br>
          <van-button style="color:aqua">用户管理</van-button><br>
          <van-button style="color:aqua">职务管理</van-button><br>
          <van-button style="color:aqua">岗位管理</van-button><br>
      </van-collapse-item>
      <van-collapse-item title="菜单权限" name="2">
          <van-button style="color:aqua">角色管理</van-button><br>
          <van-button style="color:aqua">角色授权</van-button><br>
          <van-button style="color:aqua">菜单管理</van-button><br>
      </van-collapse-item>
      <van-collapse-item title="应用管理" name="3">
          <van-button style="color:aqua">应用开发</van-button><br>
          <van-button style="color:aqua">流程监控</van-button><br>
          <van-button style="color:aqua">流程分析</van-button><br>
          <van-button style="color:aqua">应用模板</van-button><br>
          <van-button style="color:aqua">应用市场</van-button><br>
      </van-collapse-item>
      <van-collapse-item title="配置管理" name="4">
          <van-button style="color:aqua">门户配置</van-button><br>
          <van-button style="color:aqua">数据字典</van-button><br>
          <van-button style="color:aqua">sql配置</van-button><br>
          <van-button style="color:aqua">多数据源</van-button><br>
          <van-button style="color:aqua">系统参数</van-button><br>
          <van-button style="color:aqua">分类字典</van-button><br>
          <van-button style="color:aqua">服务配置</van-button><br>
      </van-collapse-item>
      <van-collapse-item title="系统监控" name="5">
          <van-button style="color:aqua">日志管理</van-button><br>
          <van-button style="color:aqua">性能监控</van-button><br>
          <van-button style="color:aqua">sql监控</van-button><br>
      </van-collapse-item>
      <van-collapse-item title="系统工具" name="6">
          <van-button style="color:aqua">定时任务</van-button><br>
          <van-button style="color:aqua">在线文档</van-button><br>
          <van-button style="color:aqua">代码生成工具</van-button><br>
          <van-button style="color:aqua">大屏可视化</van-button><br>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script>
export default {
name: "sidebar",
  data() {
    return {
      activeNames: ['1'],
    };
  },
}
</script>

<style scoped>
.zd{
  width: 250px;
}
</style>